<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
	<script>
		var arr =[["朝阳","大兴","海淀"],["秦皇岛","唐山","石家庄"],["青岛","济南","淄博","烟台"]];
		$(function () {
			$("select:first").change(function(){
				//alert(this.value);
				$("select:last").html("<option>请选择</option>")
				var citys = arr[this.value];
				for(var i=0;i<citys.length;i++){
					//创建option
					var opt = $("<option></option>");
					opt.text(citys[i]);
					$("select:last").append(opt);
				}
			});
		});
	</script>
</head>
<body>
	<select>
		<option>请选择</option>
		<option value="0">北京</option>
		<option value="1">河北</option>
		<option value="2">山东</option>
	</select>
	<select>
		<option>请选择</option>
	</select>
</body>
</html>